<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta content="width=device-width,initial-scale=1,maximum-scale=1" name="viewport">
    <meta content="telephone=no,email=no,address=no" name="format-detection">
    <meta content="on" http-equiv="x-dns-prefetch-control">
    <meta name="renderer" content="webkit" />
    <meta name="keyword" content="" />
    <meta name="description" content="" />
    <title>虚拟货币</title>
    <link rel="stylesheet" href="../../../static/css/reset.css">
    <link rel="stylesheet" href="../../../static/vendor/toastify/toastify.min.css">
    <link rel="stylesheet" href="../../../static/css/main.css">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="../../../static/vendor/html5shiv.min.js"></script>
    <script src="../../../static/vendor/respond.min.js"></script>
    <script>
        alert("您的浏览器版本过低请升级！");
        location.href = "http://outdatedbrowser.com/zh-cn";
    </script>
    <![endif]-->
</head>
<body class="model-body">
    <div id="app">
        <div class="model-page">
            <div class="google-ewm">
                <div class="ewm-item">
                    <div class="item-head">下载谷歌验证器</div>
                    <div class="item-img">
                        <img src="../../../static/images/ewm-01.jpg" alt="">
                    </div>
                    <div class="item-text">
                        若未安装谷歌验证码请 <span>扫码下载</span>
                    </div>
                </div>
                <div class="ewm-item">
                    <div class="item-head">绑定谷歌验证器</div>
                    <div class="item-img">
                        <img src="../../../static/images/ewm-02.jpg" alt="">
                    </div>
                    <div class="item-text">
                        请扫码或手动输入秘钥，将手机上生成的 <span>动态验证码</span> 填到下面对应输入框
                    </div>
                </div>
            </div>
            <form id="google-verification">
                <div class="model-form">
                    <div class="model-form-item">
                        <div class="item-label">
                            秘钥：
                        </div>
                        <div class="item-control">
                            <input name="key" type="text" class="model-text" />
                        </div>
                    </div>
                    <div class="model-form-item">
                        <div class="item-label">
                            设备名称：
                        </div>
                        <div class="item-control">
                            <input name="equipment_name" type="text" class="model-text" />
                        </div>
                    </div>
                    <div class="model-form-item">
                        <div class="item-label">
                            谷歌验证码：
                        </div>
                        <div class="item-control">
                            <input name="google_code" type="text" class="model-text" />
                        </div>
                    </div>
                    <div class="model-form-item">
                        <div class="item-control">
                            <button class="model-btn submit-btn">确认</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <script src="../../../static/vendor/jquery.min.js"></script>
    <script src="../../../static/vendor/layer/layer.js"></script>
    <script src="../../../static/vendor/jquery.validate/jquery.validate.min.js"></script>
    <script src="../../../static/vendor/jquery.validate/jquery.validate.extend.js"></script>
    <script src="../../../static/vendor/toastify/toastify-js.js"></script>
    <script src="../../../static/vendor/vue.min.js"></script>
    <script src="../../../static/vendor/vue-i18n.min.js"></script>
    <script src="../../../static/js/main.js"></script>
    <script>

        $(function(){


            $(".submit-btn").on("click",function(){
                $("#google-verification").validate({
                    rules: {
                        key: {
                            required: true
                        },
                        equipment_name: {
                            required: true
                        },
                        google_code: {
                            required: true
                        }
                    },
                    messages: {
                        key: "请输入一个有效的秘钥",
                        equipment_name: "请输入设备名称",
                        google_code: "请输入谷歌验证码"
                    },
                    submitHandler:function(form){
                        myToast("在这里提交~",'info');
                    }
                })
            })
        })

    </script>
</body>
</html>